<nova-video-header (search)="search($event)"></nova-video-header>

<div class="nav">
    <div class="nav-close">
        <ng-container *ngFor="let nav of navList">
            <div *ngIf="nav==currentNav" (click)="changeNav(nav)" class="navspan navspan-active">{{nav}}</div>
            <div *ngIf="nav!=currentNav" (click)="changeNav(nav)" class="navspan">{{nav}}</div>
        </ng-container>
      
    </div>
</div>


    <div class="vlist">
       
        <ng-container *ngFor="let video of showVideoData;let i = index;">
            <!-- <div class="video-item">
                    <div class="video-head">
                        <img [src]="video.image"
                        alt="{{video.title}}">
                        <div class="video-count">
                            <div class="count-left"><img src="assets/modules/bvideo/img/bofang-logo.png" alt="" style="width: 20px;"><span
                                class="nub">{{video.countLike}}</span>
                        </div>
                        <div class="count-right"><img src="assets/modules/bvideo/img/danmu-logo.png" style="width: 20px;" alt=""
                                style="width: 20px;">{{video.countComment}}</div>
                    </div>
                </div>
                <span class="text">{{video.title}}</span>
            </div> -->

            <!-- <nova-video-card [video]="video"></nova-video-card> -->
            <nova-video-card (click)="videoServ.goVideoDetail(video.id)" [video]="video"></nova-video-card>
        
        </ng-container>

    </div>  



    <div class="openapp">
        <a
            href="https://d.bilibili.com/download_app.html?preUrl=https%3A%2F%2Fm.bilibili.com%2Findex.html&schema=bilibili%3A%2F%2Froot&h5awaken=dGVjaF90eXBlPXVuaXZlcnNhbCZwdmlkPTVCNUM0RkEyLTQ4OTktNEUzOS1CRkFGLURCMkY0MjQwOUMzRjE4NTQzaW5mb2NfXzE2Njk4MDUzOTE5ODImdWE9TW96aWxsYSUyRjUuMCUyMChpUGhvbmUlM0IlMjBDUFUlMjBpUGhvbmUlMjBPUyUyMDEzXzJfMyUyMGxpa2UlMjBNYWMlMjBPUyUyMFgpJTIwQXBwbGVXZWJLaXQlMkY2MDUuMS4xNSUyMChLSFRNTCUyQyUyMGxpa2UlMjBHZWNrbyklMjBWZXJzaW9uJTJGMTMuMC4zJTIwTW9iaWxlJTJGMTVFMTQ4JTIwU2FmYXJpJTJGNjA0LjElMjBFZGclMkYxMDcuMC4wLjAmaXNBdXRvT3Blbj1mYWxzZSZic291cmNlPXNoYXJlX3NvdXJjZV9jb3B5bGlua193ZWImb3Blbl9hcHBfZnJvbV90eXBlPWg1Jm9wZW5fYXBwX3V1aWQ9MUYzQ0U0MUUtQTVDRS04Q0Q3LTNCRTItNTdGMzYxMDE1QTRFRDMwNzM5aW5mb2Mmb3Blbl9hcHBfZ3JvdXBpZD0lN0IlMjJvcmdhbmljX2g1X3ZhcmlhdGlvbiUyMiUzQSUyMjMlMjIlN0Qmb3Blbl9hcHBfdXJsPWh0dHBzJTNBJTJGJTJGbS5iaWxpYmlsaS5jb20lMkYmb3Blbl9hcHBfYWRkaXRpb249JTdCJTIyc3BtaWQlMjIlM0ElMjIzMzMuNDAwLmNsaWNrLmZpeEJ0biUyMiUyQyUyMmdyb3VwX2lkJTIyJTNBNSUyQyUyMmJzb3VyY2UlMjIlM0ElMjJzaGFyZV9zb3VyY2VfY29weWxpbmtfd2ViJTIyJTJDJTIydW5pcXVlX2slMjIlM0FudWxsJTJDJTIyc2Vzc2lvbklkJTIyJTNBJTIyMzB1Zm51aTh5eGtzMGpyOWxiM2owbGtoJTIyJTJDJTIydWFTb3VyY2UlMjIlM0ElMjIlMjIlMkMlMjJzaGFyZV90aW1lcyUyMiUzQW51bGwlMkMlMjJzaGFyZV9mcm9tJTIyJTNBJTIyJTIyJTJDJTIycGFnZXZpZXdfaWQlMjIlM0ElMjJ4bXg3aHVxamRydnN5a2l2bGIzajBsa2glMjIlMkMlMjJoNV9idXZpZCUyMiUzQSUyMjVCNUM0RkEyLTQ4OTktNEUzOS1CRkFGLURCMkY0MjQwOUMzRjE4NTQzaW5mb2MlMjIlMkMlMjJpdGVtX2lkJTIyJTNBJTIyJTIyJTJDJTIyaXRlbV9sYWJlbCUyMiUzQSUyMiUyMiU3RA%3D%3D">
            <div class="nav">
                <div class="xds">
                    打开APP,看你感兴趣的视频
                    <div class="logo">
                        <img src="assets/modules/bvideo/img/BILIBILI_LOGO.png" alt="">
                    </div>

                </div>

            </div>
        </a>
    </div>